<template>
    <el-card style="height:99%;width: 99%;margin-left: 6px;">
        <template #header>
            信息设置
            <el-button style="float:right ;" type="danger">退出登录</el-button>
        </template>
        <el-space style="width:99%;" fill>
            <el-card style="width:50%;">
                <template #header>
                    主页设置
                </template>
                <el-space fill>
                    <div>主页欢迎语：
                        <el-input  v-model="input" placeholder="">
                            <template #append>
                                <div>
                                    <el-button type="primary"> 提交</el-button>
                                </div>
                            </template>
                        </el-input>
                    </div>
                    <div>今日心情图片url:
                        <el-input v-model="url" placeholder="">
                            <template #append>
                                <div>
                                    <el-button> 提交</el-button>
                                </div>
                            </template>
                        </el-input>
                    </div>
                </el-space>
            </el-card>
            <el-space style="height:80%;margin-top: 20px;" :size="60">
                <el-card style="width:570px;height:260px">
                    <template #header>
                        管理员信息
                        <el-button style="float:right ;" type="primary">修改信息</el-button>
                    </template>
                    <el-space fill>
                        <div>id：{{user.id}}</div>
                        <div>用户名：{{user.username}}</div>
                        <div>账号：{{user.account}}</div>
                        <div>联系方式：{{user.contact}}</div>
                    </el-space>
                </el-card>
                <el-card style="width:570px;height:260px">
                    <template #header>
                        当前登录token信息
                    </template>
                    <el-space fill>
                        <div>token名称:{{token.tokenName}}</div>
                        <div>token:{{token.tokenValue}}</div>
                        <div>登录状态:{{token.isLogin?'已登录':'已过期'}}</div>
                        <div>登录id:{{token.loginId}}</div>
                    </el-space>
                </el-card>
            </el-space>
        </el-space>
    </el-card>


</template>


<script>
export default {
    data() {
        return {
            user: {},
            token: {},
            input: '',
            url: ''
        }
    }, mounted() {
        this.user = this.$store.state.user
        this.token = this.$store.state.token
    }
}
</script>
